<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Trang chủ bán ghế</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>

<body>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="slideshow.js"></script>
<script>
	$(document).ready(function(e) {
        $('#show').slides();
        $('.login').click(function(e) {
            $('.dangnhap').toggle('slow');
        });
		$('.mainleft').hover(function(e) {
            $('.chitiet').toggle('fast');
        });
		$('#slidepro').slides({
		nextText:'',
		previousText:''
		});
    });
</script>

<!--TRANG CHỦ-->
<section class="trangchu">
	<header class="top">
    	<div class="dangnhap">
        <form name="frmdangnhap">
                    	Tài khoản:<input type="text" name="txtten" id="txtten" value=""/>
                        <br />
                        Mật khẩu:<input type="password" name="txtpass" id="txtpass" value="" />
                        <br />
                        <button type="submit" name="btndangnhap" id="btndangnhap" value="1">Đăng nhập</button>
        </form>
        </div>
        <div class="menutop">
        	<div class="dangnhapdangky">
        		<a href="#" class="login">Đăng nhập</a>|
            	<a href="#">Đăng ký</a>
            </div>
            <div class="ngonngu">
            	<img src="Flag_of_Vietnam.svg_.png" alt="" width="13px" height="13px" />
            	<img src="colors-of-england.jpg" alt="" width="13px" height="13px"/>
            </div>
        </div>
        <div class="menu">
        	<ul>
            	<li><a href="#">Trang Chủ</a></li>
                <li><a href="#">Sản phẩm</a>
                	<ul>
                    	<li><a href="#">LOREM IPSUM</a></li>
                        <li><a href="#">LOREM IPSUM</a></li>
                        <li><a href="#">LOREM IPSUM</a></li>
                        <li><a href="#">LOREM IPSUM</a></li>
                        <li><a href="#">LOREM IPSUM</a></li>
                    </ul>
                </li>
                <li><a href="#">Giới thiệu</a>
                <li><a href="#">Công nghệ</a>
            </ul>
        </div>
        <div class="clear"></div>
        <div class="banner">
        	<div class="bannerleft">
            	<p class="p1">TỔ CHỨC GIÁO DỤC
                </p>
                <p class="p11">
                VIỆT - PHÁP
                </p>
                <p class="p2">
                <img src="icon1.jpg" alt="" width="60" height="30"/>
                </p>
                <p class="p3">Tour le d'e frak</p>
            </div>
            <div class="bannergiua">
            	<img src="logo.jpg" alt="" width="160px" height="160px"/>
            </div>
            <div class="bannerright">
            	<p class="p1">HỆ THỐNG SẢN PHẨM GIÁO DỤC</p>
                <p class="p2">lorem ipsum</p>
            </div>
        </div>
        <div class="clear"></div>
        <div class="dai1"></div>
        <div class="goc"></div>
        <div class="goc1"></div>
    </header>
    <section class="slider">
    	<!--SLIDER-->
        <div id="show" data-skip="false" data-auto="2000" data-autostop="false" data-loop="true" style="position:relative" >
				<ul class="carousel">
    				<li class="slide"><img src="slide_show.png" alt="1" width="970px" height="315px"></li>
        			<li class="slide"><img src="slide_show.png" alt="1" width="970px" height="315px"></li>
        			<li class="slide"><img src="slide_show.png" alt="1" width="970px" height="315px"></li>
        			<li class="slide"><img src="slide_show.png" alt="1" width="970px" height="315px"></li>
        			<li class="slide"><img src="slide_show.png" alt="1" width="970px" height="315px"></li>
    			</ul>
			</div><!--END SLIDER-->
    </section>
    <div class="dai2">
    	<p class="p1">LOREM IPSUM</p>
        <div class="p2">
        	<form name="frm2">
            	<div class="p21"><input type="text" name="txtimkiem" id="txttimkiem" value="" placeholder="Tìm kiếm" /></div>
                <div class="p22"><img src="timkiem.png" width="25px" height="25px" alt="" /></div>
            </form>
        </div>
    </div>
    <!--MAIN-->
    <section class="main">
    	<div class="mainleft">
            	<p class="p1">LOREM IPSUM</p>
                <p class="p2">Lorem ipsum</p>
                <div class="clear"></div>
                <hr  style="background-color:#F00"/>
                <img src="sanpham.jpg" width="230px" height="230px" alt="" />
                <a href="#" class="p3">Chi tiết</a>
                <hr />
                <p class="p4">LOREM IPSUM</p>
                <p class="p5">Lorem ipsum doler sit amet, consectetur adipi-scing elit.
                 Set vel nisi ipsum. Proin blandit con-dimentum vulputate. Phasellus ac sollicitudin justo.
                 Cras ultricies aliquam diam, id pellen-tesque felis egestas vel. Cras mattis eu dui set amet rutrum.
                 Nulla luctus, diam ut tincidunt.
                 </p>
        </div>
        <div class="chitiet">
            	<p class="p1">LOREM IPSUM</p>
                <p class="p2">Lorem ipsum</p>
                <div class="clear"></div>
                <hr  style="background-color:#F00"/>
                <img src="sanpham.jpg" width="230px" height="230px" alt="" />
                <a href="#" class="p3">Chi tiết</a>
                <hr />
                <p class="p4">LOREM IPSUM</p>
                <p class="p5">Lorem ipsum doler sit amet, consectetur adipi-scing elit.
                 Set vel nisi ipsum. Proin blandit con-dimentum vulputate. Phasellus ac sollicitudin justo.
                 Cras ultricies aliquam diam, id pellen-tesque felis egestas vel. Cras mattis eu dui set amet rutrum.
                 Nulla luctus, diam ut tincidunt.
                 </p>
        </div>
        <div class="mainright">
        	<div class="p1">
            	<div class="dai1">
                	<p class="p1">LOREM IPSUM</p>
                </div>
                <div class="sanpham">
                	<ul>
                    	<li>
                        	<img src="sanpham.jpg" alt="" width="140px" height="140px"/>
                            <p class="p1">LOREM IPSUM</p>
                            <p class="p2">Giá bán: 500.000đ</p>
                        </li>
                        <li>
                        	<img src="sanpham.jpg" alt="" width="140px" height="140px" />
                            <p class="p1">LOREM IPSUM</p>
                            <p class="p2">Giá bán: 500.000đ</p>
                        </li>
                        <li>
                        	<img src="sanpham.jpg" alt="" width="140px" height="140px" />
                            <p class="p1">LOREM IPSUM</p>
                            <p class="p2">Giá bán: 500.000đ</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="p2">
            	<div class="p21">
                	<p class="n1">LOREM IPSUM</p>
                    <p class="n11">LOREM IPSUM</p>
                    <img src="sanpham.jpg" width="220px" height="170px" alt=""/>
                    <p class="n2">Giá bán: 500.000đ</p>
                    <a href="#">Chi tiết</a>
                </div>
                <div class="p22">
                	<p class="n1">LOREM IPSUM</p>
                    <p class="n11">LOREM IPSUM</p>
                    <img src="sanpham.jpg" width="220px" height="170px" alt="" />
                    <p class="n2">Giá bán: 500.000đ</p>
                    <a href="#">Chi tiết</a>
                </div>
            </div>
        </div>
    </section><!--END MAIN-->
    
    <div class="dai3"><p>LOREM IPSUM</p></div>
    <div class="clear"></div>
    <section class="slidersp" id="slidepro" data-loop="true" data-auto="3000" data-autostop="false" data-pagination="false">
    	<ul class="carousel">
        <li class="slide">
    		<img src="sanpham.jpg" width="170px" height="135px" alt="" />
        	<p>Lorem ipsum</p>
        </li>
        <li class="slide">
    		<img src="sanpham.jpg" width="170px" height="135px" alt="" />
        	<p>Lorem ipsum</p>
        </li>
        <li class="slide">
    		<img src="sanpham.jpg" width="170px" height="135px" alt="" />
        	<p>Lorem ipsum</p>
        </li>
        <li class="slide">
    		<img src="sanpham.jpg" width="170px" height="135px" alt="" />
        	<p>Lorem ipsum</p>
        </li>
        <li class="slide">
    		<img src="sanpham.jpg" width="170px" height="135px" alt="" />
        	<p>Lorem ipsum</p>
        </li>
        <li class="slide">
    		<img src="sanpham.jpg" width="170px" height="135px" alt="" />
        	<p>Lorem ipsum</p>
        </li>
        <li class="slide">
    		<img src="sanpham.jpg" width="170px" height="135px" alt="" />
        	<p>Lorem ipsum</p>
        </li>
        <li class="slide">
    		<img src="sanpham.jpg" width="170px" height="135px" alt="" />
        	<p>Lorem ipsum</p>
        </li>
        </ul>
    </section>
    <footer class="foot">
    	<div class="p1">
        	<p class="n1">THÔNG TIN TUYỂN DỤNG</p>
            <p class="n2">Tuyển dụng</p>
        </div>
        <div class="p2">
        	<p class="n1">NHẬN THÔNG TIN QUA EMAIL</p>
            <div class="n2">
            	<form name="frm3">
                	<div class="n21"><input type="text" name="txtthongtin" id="txtthongtin" value="" /></div> 
                    <div class="n22"><button type="submit" name="btngui" id="btngui" value="">Gửi</button></div>
                </form>
            </div>
        </div>
        <div class="p3">
        	Địa chỉ: 2 Đại Cồ Việt - Quận Hai Bà Trưng - Hà Nội<br />
            Điện thoại: 1900 545 546<br />
            Email: cskh@trananh.com.vn<br />
            Bản đồ: Bản đồ đường đi
        </div>
        <div class="p4">
        	<img src="logo.png" width="100px" height="100px" alt="" />
        </div>
    </footer>
</section><!--END TRANG CHỦ-->
<div class="hinhanh">
	<img src="web-home_03.gif" alt=""/>
    <img src="web-home_07.gif" alt="" />
    <img src="web-home_10.gif" alt="" />
    <img src="web-home_13.png" alt="" />
</div>

<div class="lienhe">
	<p>Để lại tin nhắn cho chúng tôi</p>
	<div class="info">
    	<p>Hiện nay chúng tôi không có ở đây vui lòng để lại lời nhắn</p>
        <form name="frm4">
        	<input type="text" name="" id="" value="" placeholder="Xin mời nhập họ tên...."/>
            <input type="text" name="" id="" value="" placeholder="Nhập họ tên của bạn..." />
            <input type="text" name="" id="" value="" placeholder="Nhập nội dung...." />
            <button type="button" name="btngui" id="btngui" value="">Gửi</button>
        </form>
    </div>
</div>
</body>
</html>
